﻿html{ background: #F8F6F6;-webkit-text-size-adjust:none}
.clearfix{zoom:1}.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:'\20'}
button.nt{ background: transparent; font-size: 12px; padding: 0;border-radius: 0; color: #303033;margin: 0px;line-height: 1;overflow:visible}
button.nt::after{border: 0;}
body{color: #515a6e;
  font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1",Arial,sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
}
a,a:hover{text-decoration: none;}
.fx-r{display: flex;flex-direction: row;flex-wrap:wrap;}
.fx-h{display: flex;flex-direction: column;}
.fx-ac{justify-content:center;}
.fx-as{justify-content:flex-start;}
.fx-ae{justify-content:flex-end;}
.fx-bc{align-items:center;}
.fx-be{align-items:flex-end;}
.fx-bs{align-items:flex-start;}
.fx-g1{flex-grow:1;}
.fx-g2{flex-grow:2;}
.fx-g3{flex-grow:3;}
.fx-g4{flex-grow:4;}
.fx-s{flex-shrink:0;}
.ub-img{-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat;background-position:center}
.ub-img1{-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center}
.ub-img2{background-repeat:repeat-x;background-size:auto 100%}
.ub-img3{background-repeat:repeat-y;background-size:100% auto}
.ub-img4{-webkit-background-size:100% auto;background-size:100% auto;background-repeat:no-repeat;background-position:center}
.ub-img5{-webkit-background-size:auto 100%;background-size:auto 100%;background-repeat:no-repeat;background-position:center}
.ub-img6{background-repeat:no-repeat;background-position:center}
.ub-img7{-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat;background-position:center}

.pr{position: relative;}
.pa{position: absolute;}
.fl{float:left}
.fr{float:right}
.font-14{font-size: 14px!important;}
.font-12{font-size: 12px!important;}
.border-none{border:none!important;}
.text-r{text-align: right}
.text-l{text-align: left}
.dn{display: none!important;}
.db{display: block!important;}
.mk{background: #000;opacity: 0.5;position: fixed;top:0px;left:0px;right:0px;bottom:0px;z-index: 100}
@keyframes rotate{
  from{transform: rotate(0deg)}
  to{transform: rotate(359deg)}
}
.ripple,button.ripple{position:relative;overflow:hidden}
.ripple:after,button.ripple:after{content:"";background:rgba(255,255,255,0.3);display:block;position:absolute;border-radius:50%;padding-top:240%;padding-left:240%;margin-top:-120%;margin-left:-120%;opacity:0;transition:all 1s}
.ripple:active:after,button.ripple:active:after{padding-top:0;padding-left:0;margin-top:0;margin-left:0;opacity:1;transition:0s}
.pbl-box{-moz-column-count: 2;-webkit-column-count: 2; column-count: 2; -moz-column-gap: 11px;-webkit-column-gap: 11px;}
.pbl-item{-webkit-column-break-inside: avoid;-moz-page-break-inside: avoid;-webkit-column-break-inside: avoid;break-inside: avoid;}
.app-more{text-align: center;height: 30px;}
.app-more image{ width: 20px; height: 20px;animation: rotate 1.5s linear infinite; margin-right: 4px;}
.app-more text{ margin-left: 3px; position: relative; top: -4px; font-size: 12px;}
.app-more-button{ position: relative;height: 30px;}
.app-more-button text{ padding: 0px 20px; background:#f2f2f2;}
.app-more-button .hr{ background: #e5e5e5; width: 90%; height: 1px; margin-left: 5%; position: absolute; top: 16px;}
.app-more-button .a-m-c{ position: absolute; z-index: 9; width: 100%; height: 30px;}
.placeholder-style{color:#d5d5d9;font-size: 15px;}
.placeholder-style2{color:#666666;font-size: 14px;}
.placeholder-999{color:#999999;font-size: 12px;}
/*****超出一行省略*****/
.shenlueStyle{overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.shenlueStyle2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
  line-clamp: 2;-webkit-box-orient: vertical;}
.bgChangColor{background:linear-gradient(to right, #ff6879 , #e81a62)}
.scrollHide::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}
.font-size18{font-size: 18px!important;}
.loadingImg{;animation: rotate 1.5s linear infinite;}
.loading{text-align: center;height: 30px;}
.loading image{ width: 20px; height: 20px;animation: rotate 1.5s linear infinite; margin-right: 4px;}
.loading text{ margin-left: 3px; position: relative; top: -4px; font-size: 12px;}
.loading.complete{ font-size: 14px; color: #ccc; padding: 10px 0;}
@keyframes rotate{
  from{transform: rotate(0deg)}
  to{transform: rotate(359deg)}
}
@keyframes posterScale{
  0% {transform: scale(0.9);}
  100% {transform: scale(1.2);}
}

/*设置导航菜单*/
.i-layout-menu-side-title-icon-single .ivu-icon {
  font-size: 20px;
}
.ivu-layout-content{
  position: relative;
}
.ivu-form-item-content {
  font-size: 12px !important;
}
.ivu-menu-horizontal.ivu-menu-light:after{
  display: none;
}
.ivu-menu-vertical.ivu-menu-light:after{
  display: none;
}
@charset "UTF-8";
.acea-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* 辅助类 */
}

.acea-row.row-middle {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.acea-row.row-top {
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.acea-row.row-bottom {
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

.acea-row.row-center {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.acea-row.row-right {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.acea-row.row-left {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.acea-row.row-between {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.acea-row.row-around {
  justify-content: space-around;
  -webkit-justify-content: space-around;
}

.acea-row.row-column-around {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-around;
  -webkit-justify-content: space-around;
}

.acea-row.row-column {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.acea-row.row-column-between {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

/* 上下左右垂直居中 */
.acea-row.row-center-wrapper {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

/* 上下两边居中对齐 */
.acea-row.row-between-wrapper {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

/*表单公共样式*/
html, body {
  font-size: 12px !important;
}

.ivu-table-wrapper {
  overflow: unset !important;
}

.page {
  margin-top: 22px;
}

.vxe-table--loading {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

.vxe-table--loading .vxe-table--spinner:after, .vxe-table--loading .vxe-table--spinner:before {
  width: 50% !important;
  height: 50% !important;
}

/*表格公共样式*/
.ivu-table-header table{
  border-top: 1px #e8eaec dashed !important;
}
.ivu-form .ivu-form-item-label, .ivu-radio-group-button .ivu-radio-wrapper, .ivu-table {
  font-size: 12px !important;
}

.ivu-table-cell{
  padding: 6px 18px !important;
}

.ivu-table th {
  background: #fff !important;
}

.ivu-btn {
  font-size: 12px !important;
}

.ivu-icon-ios-refresh {
  color: #1890FF !important;
}

.product_tabs .ivu-tabs-bar {
  margin-bottom: 0 !important
}

.product_tabs .ivu-page-header {
  border-bottom: 0;
}

.product_tabs .ivu-page-header-content {
  margin-bottom: 0 !important
}

.ivu-radio-wrapper {
  font-size: 12px !important;
}

.ivu-input {
  font-size: 12px !important;
}

.modalBody .ivu-modal-body {
  padding: 27px !important;
}

.Modals .ivu-mt, .ivu-mt-16 {
  margin-top: 0 !important;
}

/*.Modals .ivu-table-border th, .ivu-table-border td{border-right:0!important;}*/
.Modals .ivu-form-item-content {
  line-height: unset;
}

.Modals .label .ivu-input {
  border: 1px solid #F5F5F5;
}

.Modals .ivu-table table {
  width: 100% !important;
}


/*距离样式*/
.mr {
  margin-right: 15px;
}

.mr10 {
  margin-right: 10px;
}

.ml20 {
  margin-left: 20px;
}

.ml10 {
  margin-left: 10px;
}

.ml40 {
  margin-left: 40px !important;
}
.ml95 {
  margin-left: 95px !important;
}

.pt5 {
  padding: 5px 0 !important;
  box-sizing: border-box;
}

.mr50 {
  margin-right: 50px;
}

.mr20 {
  margin-right: 20px !important;
}

.mr15 {
  margin-right: 15px !important;
}
.mr5 {
  margin-right: 5px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mt30 {
  margin-top: 30px;
}

.mt25 {
  margin-top: 25px;
}

.mt20 {
  margin-top: 20px;
}

.mt50 {
  margin-top: 50px;
}

.mt10{
  margin-top: 10px;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.index_bg {
  width: 100%;
  /*height: 100vh;*/
  background: rgba(0, 0, 0, .6) !important;
  z-index: 0 !important;
}

.ivu-divider-horizontal {
  /*margin-bottom: 0 !important;*/
  /*margin: 0 !important;*/
}

/*设置导航菜单*/
.i-layout-menu-side-title-icon-single .ivu-icon {
  font-size: 20px;
}
.ivu-layout-content{
  position: relative;
}
.ivu-form-item-content {
  font-size: 12px !important;
}

/*字体上移变蓝色*/
.font-blue:hover {
  color:#2D8cF0;
  cursor:pointer;
}

/*作用于运费模板组件*/
.Modals .ivu-table .ivu-table-header table{
  border-top: 0 !important;
}

.ivu-table-cell{
  padding: 10px 0 !important;
}
.ivu-table-cell-with-expand{
  line-height: 31px !important;
}
/*tab标签栏*/
.i-layout-tabs-fix{
  z-index: 5 !important;
}
/*全局表格加padding*/
.ivu-table th, .ivu-table td{
  padding: 0 5px;
}
/*全局表格设置浮动样式*/
.ivu-table-fixed-right th,.ivu-table-fixed-right td{
  text-align: center !important;
}
.ivu-table-fixed-right{
  box-shadow: -2px 0 6px -2px rgba(0, 0, 0, 0.1) !important;
  top: 1px !important;
}
.ivu-table-fixed-right tr:last-child(1) td{
  border-bottom: 0;
}
.ivu-table-fixed::before, .ivu-table-fixed-right::before{
  background-color: unset !important;
}
.ivu-table:before{
  background-color: unset !important;
}
.ivu-table-fixed-body{
  background-color: #fff;
  overflow: unset !important;
}

.ivu-table-header thead tr th:nth-of-type(1){
  padding-left: 16px;
}
.ivu-table td:nth-of-type(1){
  padding-left: 16px;
}
.ivu-table-cell-expand{
  text-align: left;
}
.vxe-header--row th:nth-of-type(1){
  padding-left: 10px !important;
}
.vxe-table--body td:nth-of-type(1){
  padding-left: 10px !important;
}
.ivu-modal-header{
  background: #fafafa;
}

